@charset "utf-8";
@import './modules/header.scss';
@import './modules/footer.scss';
@import '/src/libs/swiper/swiper.min.css';
*{
    margin: 0;
    padding: 0;
}
.qugan{
    height: 100%;
    background-color: #f2f2f2;
    .swiper-container {
        width: 100%;
        height: 535px;
        img{
            width: 100%;
            height: 100%;
        }
    } 

    .shanpin{
        width: 80%;
        height: 600px;
        margin: auto;
        .wenzi{
            width: 100%;
            height: 190px;
             overflow: hidden;
             :nth-child(1){
                text-align: center;
                margin-top:50px ;
                font-size: 18px;
             }
             :nth-child(2){
                text-align: center;
                margin-top:5px ;
                font-size: 29px;
             }
        }

        .sec_ul01{
            width: 100%;
            display: flex;
            justify-content: space-between;
            li{
               float: left;
               p:nth-child(2){
                   font-size: 26px;
                   font-weight: 600;
                   margin-top: 40px;
               }
               p:nth-child(3){
                   font-size: 10px;
                   color: #aeaeca;
                   margin-top: 8px;
               }
               p:nth-child(4){
                font-size: 14px;
                color: black;
                margin-top: 15px;
               }
               a:nth-child(1){
                   display: block;
                   width: 300px;
                   height: 240px;
                   overflow: hidden;
                   img{
                    transition: all 0.8s ease-in-out;
                   }
               }
               a:nth-child(1){
                    img:hover{
                     transform: scale(1.1);
                     }
               }
            }
        }
    }
}
        // ul{
        //     width: 100%;
        //     height: 560px;
        //     border: 1px solid black;
        //     display: flex;
        //     justify-content: space-between;
        //     li{
        //         width: 23%;
        //         height: 100%px;
        //         border: 1px solid black;
        //         a{
        //             width: 23%;
        //             height: 368px;
        //             img{
        //                 width: 100%;
        //                 height: 70%;
        //             }
        //         }
        //     }
        // }
    

    .tansuo{
    width: 80%;
    height: 750px;
    margin: auto;
    .top{
        width: 100%;
        height: 190px;
         overflow: hidden;
         :nth-child(1){
            text-align: center;
            margin-top:50px ;
            font-size: 18px;
         }
         :nth-child(2){
            text-align: center;
            margin-top:5px ;
            font-size: 29px;
         }
    }
    .situ{
          width: 100%;
          height: 640px;
          ul{
            width: 100%;
            height: 640px;
            display: flex;
            justify-content: space-between;
            li{
                width: 23%;
                height: 640px;
                img{
                    width: 100%;
                }
                a{
                    text-decoration: none;
                    color: black;
                }
            }
          }
    }
    }
